<template>
  <div class="policies-page">
    <div class="container mx-auto px-4 py-8">
      <el-card class="policies-card">
        <template #header>
          <div class="card-header">
            <h1 class="text-3xl font-bold">隐私政策</h1>
            <p class="text-sm text-gray-400 mt-2">最后更新时间：2024年10月24日</p>
          </div>
        </template>

        <div class="policies-content">
          <section class="mb-6">
            <p class="text-gray-300 leading-relaxed font-semibold">
              若依影视（以下简称"我们"）非常重视用户隐私和个人信息保护。您在使用我们的服务时，我们可能会收集和使用您的相关信息。我们希望通过本隐私政策向您说明，在使用我们的服务时，我们如何收集、使用、储存和分享这些信息，以及我们为您提供的访问、更新、控制和保护这些信息的方式。
            </p>
          </section>

          <section class="mb-6">
            <h2 class="text-xl font-semibold mb-3">一、我们收集的信息</h2>
            <p class="text-gray-300 leading-relaxed">
              1.1 您向我们提供的信息
            </p>
            <ul class="list-disc list-inside text-gray-300 mt-2 space-y-2 ml-4">
              <li>账户信息：当您注册账户时，您需要向我们提供邮箱地址、密码等信息</li>
              <li>个人资料：您可以选择完善您的昵称、头像、性别、生日等个人信息</li>
              <li>交易信息：当您进行充值、购买VIP等交易时，我们会收集您的订单信息</li>
              <li>用户内容：您发表的评论、收藏的影片等信息</li>
            </ul>
            <p class="text-gray-300 leading-relaxed mt-3">
              1.2 我们在您使用服务时获取的信息
            </p>
            <ul class="list-disc list-inside text-gray-300 mt-2 space-y-2 ml-4">
              <li>设备信息：我们会收集设备型号、操作系统版本、设备标识符等信息</li>
              <li>日志信息：包括您访问的页面、IP地址、浏览器类型、访问时间等</li>
              <li>位置信息：我们可能会收集您的大致地理位置信息（如城市级别）</li>
              <li>观看记录：您观看的影片、观看时长、观看进度等信息</li>
            </ul>
          </section>

          <section class="mb-6">
            <h2 class="text-xl font-semibold mb-3">二、信息的使用</h2>
            <p class="text-gray-300 leading-relaxed">
              我们会将收集的信息用于以下用途：
            </p>
            <ul class="list-disc list-inside text-gray-300 mt-2 space-y-2 ml-4">
              <li>向您提供、维护、改进我们的服务</li>
              <li>为您推荐您可能感兴趣的内容</li>
              <li>用于身份验证、客户服务、安全防范、诈骗监测、存档和备份等</li>
              <li>用于统计分析和研究，以改善我们的产品和服务</li>
              <li>经您许可的其他用途</li>
            </ul>
          </section>

          <section class="mb-6">
            <h2 class="text-xl font-semibold mb-3">三、信息的共享、转让和公开披露</h2>
            <p class="text-gray-300 leading-relaxed">
              3.1 共享
            </p>
            <p class="text-gray-300 leading-relaxed mt-2">
              除以下情形外，未经您同意，我们不会与任何第三方分享您的个人信息：
            </p>
            <ul class="list-disc list-inside text-gray-300 mt-2 space-y-2 ml-4">
              <li>向您提供我们的服务所必需的</li>
              <li>履行我们在《用户服务协议》或本政策中的义务和行使我们的权利</li>
              <li>在法律法规允许的范围内，为了遵守法律、维护我们及我们的关联方或合作伙伴、您或其他用户或社会公众利益、财产或安全免遭损害</li>
            </ul>
            <p class="text-gray-300 leading-relaxed mt-3">
              3.2 转让
            </p>
            <p class="text-gray-300 leading-relaxed mt-2">
              我们不会将您的个人信息转让给任何公司、组织和个人，但以下情况除外：获得您的明确同意；在涉及合并、收购或破产清算时。
            </p>
            <p class="text-gray-300 leading-relaxed mt-3">
              3.3 公开披露
            </p>
            <p class="text-gray-300 leading-relaxed mt-2">
              我们仅会在以下情况下，公开披露您的个人信息：获得您明确同意；基于法律的披露。
            </p>
          </section>

          <section class="mb-6">
            <h2 class="text-xl font-semibold mb-3">四、信息的存储</h2>
            <p class="text-gray-300 leading-relaxed">
              4.1 信息存储的地点
            </p>
            <p class="text-gray-300 leading-relaxed mt-2">
              我们会按照法律法规规定，将境内收集的用户个人信息存储于中国境内。
            </p>
            <p class="text-gray-300 leading-relaxed mt-3">
              4.2 信息存储的期限
            </p>
            <p class="text-gray-300 leading-relaxed mt-2">
              一般而言，我们仅为实现目的所必需的时间保留您的个人信息。但在下列情况下，我们有可能需要较长时间保留您的个人信息：
            </p>
            <ul class="list-disc list-inside text-gray-300 mt-2 space-y-2 ml-4">
              <li>遵守适用的法律法规等有关规定</li>
              <li>遵守法院判决、裁定或其他法律程序的要求</li>
              <li>遵守相关政府机关或其他有权机关的要求</li>
            </ul>
          </section>

          <section class="mb-6">
            <h2 class="text-xl font-semibold mb-3">五、信息安全</h2>
            <p class="text-gray-300 leading-relaxed">
              我们努力为用户的信息安全提供保障，以防止信息的丢失、不当使用、未经授权访问或披露。我们使用各种安全技术和程序，以防信息的丢失、不当使用、未经授权阅览或披露。
            </p>
            <ul class="list-disc list-inside text-gray-300 mt-2 space-y-2 ml-4">
              <li>我们会采用符合业界标准的安全防护措施，包括建立合理的制度规范、安全技术来防止您的个人信息遭到未经授权的访问使用、修改，避免数据的损坏或丢失</li>
              <li>我们会采取合理可行的措施，尽力避免收集无关的个人信息</li>
              <li>我们的服务器位于安全的物理环境中，并受到严格的访问控制</li>
            </ul>
          </section>

          <section class="mb-6">
            <h2 class="text-xl font-semibold mb-3">六、您的权利</h2>
            <p class="text-gray-300 leading-relaxed">
              按照中国相关的法律、法规、标准，我们保障您对自己的个人信息行使以下权利：
            </p>
            <ul class="list-disc list-inside text-gray-300 mt-2 space-y-2 ml-4">
              <li>访问权：您有权访问您的个人信息</li>
              <li>更正权：您有权更正您的个人信息</li>
              <li>删除权：在特定情形下，您有权要求我们删除您的个人信息</li>
              <li>撤回同意：您有权撤回您对个人信息处理的同意</li>
              <li>注销账户：您可以随时注销您的账户</li>
            </ul>
          </section>

          <section class="mb-6">
            <h2 class="text-xl font-semibold mb-3">七、未成年人的个人信息保护</h2>
            <p class="text-gray-300 leading-relaxed">
              我们非常重视对未成年人个人信息的保护。若您是18周岁以下的未成年人，在使用我们的服务前，应事先取得您的家长或法定监护人的同意。
            </p>
          </section>

          <section class="mb-6">
            <h2 class="text-xl font-semibold mb-3">八、隐私政策的变更</h2>
            <p class="text-gray-300 leading-relaxed">
              我们可能会适时修订本政策的条款。当变更发生时，我们会在版本更新时向您提示新的隐私政策，并向您说明生效日期。请您仔细阅读变更后的隐私政策内容。如您继续使用我们的服务，即表示您同意我们按照更新后的隐私政策处理您的个人信息。
            </p>
          </section>

          <section class="mb-6">
            <h2 class="text-xl font-semibold mb-3">九、联系我们</h2>
            <p class="text-gray-300 leading-relaxed">
              如果您对本隐私政策有任何疑问、意见或建议，请通过以下方式与我们联系：
            </p>
            <ul class="list-none text-gray-300 mt-2 space-y-2 ml-4">
              <li>邮箱：privacy@ruoyi.com</li>
              <li>电话：400-123-4567</li>
              <li>地址：中国·北京</li>
            </ul>
            <p class="text-gray-300 leading-relaxed mt-3">
              一般情况下，我们将在15个工作日内回复。
            </p>
          </section>
        </div>

        <div class="mt-8 text-center">
          <el-button type="primary" @click="navigateTo('/')">
            返回首页
          </el-button>
        </div>
      </el-card>
    </div>
  </div>
</template>

<script setup lang="ts">
const siteConfig = useSiteConfig()

useSeoMeta({
  title: '隐私政策',
  description: `${siteConfig.siteName}隐私政策`,
})
</script>

<style scoped>
.policies-page {
  min-height: 100vh;
  background-color: #0f0f0f;
  padding-top: 80px;
  padding-bottom: 40px;
}

.policies-card {
  background-color: rgba(31, 41, 55, 0.8);
  border: 1px solid rgba(55, 65, 81, 0.5);
  max-width: 900px;
  margin: 0 auto;
}

:deep(.el-card__header) {
  background-color: rgba(55, 65, 81, 0.3);
  border-bottom: 1px solid rgba(55, 65, 81, 0.5);
}

.card-header h1 {
  color: #ffffff;
  margin: 0;
}

.policies-content {
  color: #e5e7eb;
  line-height: 1.8;
}

.policies-content h2 {
  color: #10b981;
  border-left: 4px solid #10b981;
  padding-left: 12px;
  margin-bottom: 16px;
}

.policies-content section {
  padding: 16px 0;
}

.policies-content p {
  margin: 8px 0;
  text-indent: 2em;
}

.policies-content ul {
  margin: 8px 0;
}

.policies-content li {
  margin: 8px 0;
}
</style>
